<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charest="UTF-8">
  <meta name="viewport" content="width=device-width，initial-scale=1.0">
  <title>HTML 元素练习</title>
</head>

<body>
  <header>
    <h1>看潮生</h1>
  </header>
  <main>
    <section>
      <h2>诗心词魄</h2>
      <p>粼粼匀霜，蕉逢北国，梅雨南窗</p>

      <h2>云水文章</h2>
      <p>黑夜冗长，唯独文字，熠熠生辉</p>

      <h2>短句掠影</h2>
      <p>刀锋很甜，不妨一试</p>
    </section>
    <section>
      <h2>妙笔生花</h2>
      <div>
        <ol>
          <li>玉覃凉</li>
          <li>沁园春</li>
          <li>乌夜啼</li>
          <li>临江仙</li>
          <li>西地锦</li>
          <li><a href="#"></a>hhhh</li>
        </ol>
      </div>
    </section>
    <section>
      <h2>千古风流<br>《无题》</h2>
      <p><span>作者：李商隐</span> 朝代：唐 </p>
      <h3>照梁初有情，出水旧知名。裙衩芙蓉小，钗茸翡翠轻。
        锦长书郑重，眉细恨分明。莫近弹棋局，中心最不平。</h3>
      <p><a href="http://www.shicimingju.com/"> 诗词名句网 </a>
      </p>
    </section>
    <section>
      <h2>未听浣溪雨，不必问归期</h2>
      <img
        srcset="https://images.unsplash.com/photo-1562753159-531973c4e254?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80"
        alt="青衣" title="临江仙" height=600 width=800>
      <p>
        <iframe height=800 width=800 src='https://player.youku.com/embed/XNDUxNzQ4Nzg1Ng==' frameborder=0
          allowFullScreen="true"></iframe>
      </p>
      <p>
        <video src="惊鸿.ogv" controls height=600 width=800>

        </video>

      </p>
    </section>
    <section>
      <table>
        <caption>表格</caption>
        <tr>
          <td>唐朝</td>
          <td>宋朝</td>
          <td>元朝</td>
          <td>明清</td>
        </tr>
        <tr>
          <td>诗</td>
          <td>词</td>
          <td>杂剧</td>
          <td>小说</td>
        </tr>
      </table>
    </section>
    <section>
      <h2>表单元素</h2>
      <form action="https://www.zhihu.com/search" method="get">
        <label>zhihu: <input type="search" name="q"></label> <input type="submit" value="Search...">
      </form>
    </section>
  </main>
  <footer>看潮生</footer>


</body>

</html>